<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!--引入 element-ui 的样式，-->
		<link rel="stylesheet" href="/admin/plugin/element-ui/index.css">
		<!-- 必须先引入vue，  后使用element-ui -->
		<script type="text/javascript" src="/admin/js-css/js/vue.min.js"></script>
		<!-- 引入element 的组件库-->
		<script type="text/javascript" src="/admin/plugin/element-ui/index.js"></script>

		<script type="text/javascript" src="/admin/plugin/element-ui/httpVueLoader.js"></script>

		<!--引入layui组件-->
		<link rel="stylesheet" href="/admin/plugin/layui/dist/css/layui.css"
			tppabs="http://res.layui.com/layui/dist/css/layui.css" media="all">
		<script src="/admin/plugin/layui/dist/layui.js" charset="utf-8"></script>

		<script type="text/javascript" src="/admin/js-css/js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="/admin/js-css/js/mx1.0.js?v=1.1"></script>

		<link rel="stylesheet" href="css/pageLR.css">
		<link rel="icon" href="img/logo.png">
		<title>欢迎</title>
		<style>
			::-webkit-scrollbar {
				width: 6px;
				height: 10px;
				background-color: rgba(255, 255, 255, 0.1);
			}
			
			::-webkit-scrollbar-thumb {
				background: rgba(144, 147, 153, .3);
				border-radius: 4px;
				cursor: pointer;
			}
			
			#app {
				display: flex;
				align-items: center;
				justify-content: left;
			}

			.img-box {
				text-align: left;
				font-weight: 700;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 1000%;
				height: 100%;
			}

			.img-box .text {
				font-size: 40px;
				margin: 20px 0 10px;
			}

			.img-box img {
				width: 100%;
				height: 100%;
				/* max-width: 100%;
				max-height: 100%; */
				object-fit: cover;

			}
		</style>
	</head>

	<body>
		<div id="app">
			<div class="img-box">
				<img :src="src" height="100%" width="100%">
				<!-- <p class="text">
            WELCOME
        </p>
        <span>欢迎进入后台管理系统</span> -->
			</div>
		</div>
	</body>
	<script>
		new Vue({
			el: '#app',
			data() {
				return {
					src:""
				}
			},
			created(){
				this.src = getParams().src;
			}
		})
	</script>

</html>
